const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  // 关闭eslint校验
  lintOnSave: false,
  // 指定发布构建目录，这里改成自己wallpaper engine创建的web项目位置，可以实现快速替换项目源码
  //需要注意的是，可能是wallpaper engine自身的特性，最终index.html还是需要和project.json在一个目录，否则一些配置会无法生效，用户属性也无法传递
  //调试时候可以创建一个目录专门供源码覆盖（修改project.json），在编辑器中能是正常显示，只是在调试结束后，记得把源码拿出来，还原project.json
  outputDir:'F:/SteamLibrary/steamapps/common/wallpaper_engine/projects/myprojects/index/src/',
  transpileDependencies: true,
  //让项目可以本地运行
  publicPath:"./",
  //去除 “Feature flag __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ is not explicitly defined. ” 警告
  chainWebpack: (config) => {
    config.plugin('define').tap((definitions) => {
      Object.assign(definitions[0], {
        __VUE_OPTIONS_API__: 'true',
        __VUE_PROD_DEVTOOLS__: 'false',
        __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: 'false'
      })
      return definitions
    })
  },
  //代理配置
  devServer:{
    port:8080,//vue网页访问的端口
    host:"127.0.0.1",//vue网页访问的地址
    https:false,
    open:false,
    //跨域配置，这里我的aida64配的端口是8070，实际配置成自己的即可
    proxy: {
        '/sse':{
          target: 'http://127.0.0.1:8070/',//Axios跨域请求的IP
            changeOrigin: true, 
            ws: true,
            secure: false
        }
      
    }
  }
})
